<%--
  表格显示页
  User: wangyanginfo
  Date: 12-9-7
  Time: 上午10:23
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/tag/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户信息列表</title>
    <link rel="stylesheet" type="text/css" href="<c:url value="/js/easyUI/themes/default/easyui.css" />"/>
    <link rel="stylesheet" type="text/css" href="<c:url value="/js/easyUI/themes/icon.css" />"/>
    <script type="text/javascript" src="<c:url value="/js/jquery-1.7.2.min.js" />"></script>
    <script type="text/javascript" src="<c:url value="/js/easyUI/jquery.easyui.min.js" />"></script>
    <script type="text/javascript" src="<c:url value="/js/easyUI/locale/easyui-lang-zh_CN.js" />"></script>
    <link rel="stylesheet" type="text/css" href="<c:url value="/css/query_list.css" />"/>
    <link rel="stylesheet" type="text/css" href="<c:url value="/css/user/user_role.css" />"/>
    <link rel="stylesheet" type="text/css" href="<c:url value="/css/query_item.css" />"/>
    <script type="text/javascript" src="<c:url value="/js/validatebox.js" />"></script>
    <script type="text/javascript" src="<c:url value="/system/user/js/user_list.js.jsp" />"></script>
    <script type="text/javascript" src="<c:url value="/system/user/js/user_role.js.jsp" />"></script>
    <style type="text/css">

    </style>
</head>
<body>
<!-- 用户权限信息DIV -->
<div id="userRoleDialog" class="easyui-window"
     modal="true" minimizable="false" maximizable="false" collapsible="false" title="用户授权管理" closed="true"
     style="width:600px;height:480px;padding:5px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center',border:false" style="padding:5px;background:#fff;border:1px solid #ccc;">
            <fieldset style="width: 550px; height: 30px; margin-bottom: 10px;">
                <div style="width:225px;float: left;padding: 8px; ">
                    登录名：<label id="showLoginId"></label>
                </div>
                <div style="width:225px;float: left;padding: 8px; ">
                    姓&nbsp;&nbsp;&nbsp;&nbsp;名：<label id="showUserName"></label>
                </div>
            </fieldset>
            <fieldset style="width: 268px;float: left;">
                <legend style="color: red;">未分配角色</legend>
                <div id="source" style="border:1px solid #ccc;width:258px;height:300px;margin:5px;overflow-y:scroll;">
                </div>
            </fieldset>
            <fieldset style="width: 268px;float: left;">
                <legend>已分配角色</legend>
                <div id="target" style="border:1px solid #ccc;width:258px;height:300px;margin:5px;overflow-y:scroll;">
                </div>
            </fieldset>
        </div>
        <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;">
            <a href="#" class="easyui-linkbutton" iconCls="icon-ok" style="margin-right: 15px;" onclick="saveUserRole();">确定</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" style="margin-right: 15px;" onclick="cancelUserRole();">取消</a>
        </div>
    </div>
</div>
<!-- 用户详细信息DIV -->
<div id="userDialog" class="easyui-window"
     modal="true" minimizable="false" maximizable="false" collapsible="false" closed="true"
     style="width:600px;height:480px;padding:5px;">
</div>
<!-- 保存用户授权信息FORM -->
<form id="userRoleForm" method="post">
    <input type="hidden" id="userRoleUserId" name="user.userId"/>
    <input type="hidden" id="userRoleRoleId" name="user.roleId"/>
</form>
<!-- 用户删除FORM -->
<form id="deleteForm" method="post">
    <input type="hidden" id="deleteUserId" name="user.userId"/>
    <input type="hidden" id="deleteLoginId" name="user.loginId"/>
</form>
<!-- 用户列表DIV -->
<table id="displayTable"></table>
<!-- 用户列表查询工具栏DIV -->
<div id="dataGridToolbar" style="height:auto">
    <div style="margin-left: 5px;">
        <div class="queryClassUl">
            <ui>
                <li>
                    <span>登录名：</span>
                    <input type="text" id="loginId" name="loginId" class="inputTextClass"/>
                </li>
                <li>
                    <span>姓&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                    <input type="text" id="name" name="name" class="inputTextClass"/>
                </li>
                <li>
                    <span>机&nbsp;&nbsp;&nbsp;&nbsp;构：</span>
                    <input class="easyui-combobox" id="deptId" name="deptId"
                           data-options="url:'<c:url value="/system/queryComboboxByDept.do"/>',
					                    valueField:'id', textField:'text', panelHeight:'auto'"/>
                </li>
                <li>
                    <span>职&nbsp;&nbsp;&nbsp;&nbsp;位：</span>
                    <input class="easyui-combobox" id="job" name="job"
                           data-options="url:'<c:url value="/system/queryComboboxByDict.do?param=JOB_TYPE"/>',
					                    valueField:'id', textField:'text', panelHeight:'auto'"/>
                </li>
                <li>
                    <span>邮&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>
                    <input type="text" id="email" name="email" class="inputTextClass"/>
                </li>
            </ui>
            <ui>
                <li>
                    <span>手&nbsp;&nbsp;&nbsp;&nbsp;机：</span>
                    <input type="text" id="mobile" name="mobile" class="inputTextClass"/>
                </li>
                <li>
                    <span>有效性：</span>
                    <input class="easyui-combobox" id="enabled" name="enabled"
                           data-options="url:'<c:url value="/system/queryComboboxByDict.do?param=IS_VALIDITY"/>',
					                    valueField:'id', textField:'text', panelHeight:'auto'"/>
                </li>
                <li>&nbsp;</li>
                <li>&nbsp;</li>
                <li style="text-align: center;">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="doSearch('load');">Search</a>
                </li>
            </ui>
        </div>
    </div>
    <div>
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="insertUser();">添加</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="deleteUser();">删除</a>
    </div>
</div>
</body>
</html>